import React from 'react'
import './TodoMain.css'
import TodoItem from '../TodoItem/TodoItem';

export default function TodoMain(props) {
  let {data,deleteTodo,updateTodo} = props;
  return (
    <ul className="todo-main">
      {data.map((item) => {
        return <TodoItem item={item} key={item.id} deleteTodo={deleteTodo} updateTodo={updateTodo}/>
      })}
    </ul>
  )
}
